<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>

	.cancel_bt {
		margin-left: 20upx;
		color: #f54444;
		width: 300upx;
		height: 80upx;
		border: 3upx solid #f54444;
		background-color: #FFFFFF;
		border-radius: 50upx;
		font-size: 32upx;
	}

	.sure_bt {
		margin-left: 20upx;
		color: #FFFFFF;
		width: 300upx;
		height: 80upx;
		border: 3upx solid #f54444;
		background-color: #f54444;
		border-radius: 50upx;
		font-size: 32upx;
	}

	.frame_title {
		width: 100%;
		font-size: 30upx;
		color: #333333;
		justify-content: center;
	}

	.frame_del {
		position: absolute;
		top: -20upx;
		right: -20upx;
	}

	.frame_del_view {
		position: relative;
		width: 100%;
	}

	.frame_ {
		height: 800upx;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
		background-color: #FFFFFF;
		flex-direction: column;
		padding: 30upx;
		box-sizing: border-box;
		overflow: hidden;
		transition: all 0.3s ease;
		transform: translateY(0);
		z-index: 200;
	}

	.frame {
		height: 800upx;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		border-top-left-radius: 20upx;
		border-top-right-radius: 20upx;
		background-color: #FFFFFF;
		flex-direction: column;
		padding: 30upx;
		box-sizing: border-box;
		overflow: hidden;
		transition: all 0.3s ease;
		transform: translateY(100%);
		z-index: 200;
	}

	.open_bt {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
	}

	.open_bt:after {
		border: none;
	}

	.mask {
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 120;
		position: fixed;
		top: 0;
		left: 0;
		width: 750upx;
		height: 100vh;
	}

	view {
		font-size: 28upx;
		display: flex;
	}

	.content {
		display: flex;
		flex-direction: column;
		background-color: #f8f8f8;
		min-height: 100vh;
	}

	.column {
		width: 100%;
		flex-direction: column;
		background-color: #FFFFFF;
	}

	.relative {
		position: relative;
	}

	.border_bottom {
		border-bottom: 1px solid #f8f8f8;
	}

	.padding {
		padding: 30upx;
		box-sizing: border-box;
	}


	.center {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.text_one {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.text_two {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.abs_center {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
</style>
